@CHARSET "UTF-8";

/* 1024 미디어쿼리 */
/* @media screen and (max-width: 1024px){
	#menu{
		visibility: none;
	}
	#sub_menu{
		visibility: none;
	}
} */

/* @media screen and (max-width: 640px){
	body{
	background-color: blue
	}
} */

#abc{
	width: 60%;
	margin: 0 auto;
	border: 1px solid black;
}

#a{
	width: 45%;
	margin: 0 auto;	
	border: 1px solid red;
		display: inline-block;
	vertical-align: top;
}

#a .b{
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

#c{
	width: 45%;
	margin: 0 auto;	
	border: 1px solid green;
	display: inline-block;
	vertical-align: top;
}

#c .d{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid blue;
}

/* 컨텐츠 영역 */

#mainFrame{
	width:1000px;
	min-height: 100%; 
	margin:0 auto;
}

.mainThum{
	width:50%; 
	height:400px; 
	float:left; 
	background:red;
}

/* .mainThum:hover{
	background: black;
	background-color: black;
	border: 0;
	opacity: .0;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
} */

.subThum{
	width:25%; 
	height:200px; 
	float:left; 
	background-color:black;
	opacity: 0.6;
	filter:alpha(opacity=60);
	/* position:relative; */
}

.subThum:hover{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

div img{
    width:100%;
    height:100%;
}

.mainthum_title{
	margin-left:15px; 
	margin-top:320px; 
	vertical-align: bottom;
	color: yellow;
	font-family: 맑은 고딕;
	font-size: 20px;
	font-weight: bold;
}

.mainthum_title a:link{
	text-decoration: none;
	font-size: 12px;
	color: white;
}

.mainthum_title a:VISITED {
	color: white;
	font-size: 12px;
}

#top_title{
	text-align: center;
	border: 0px;
}